<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<link href="${ctxStatic}/jquery/font-awesome.4.6.0.css" rel="stylesheet" media="screen">
<link rel="stylesheet" href="${ctxStatic}/dist/sidebar-menu.css">
<style type="text/css">
.main-sidebar{
	position: absolute;
/* 	top: 94px; */
	left: 10;
	height: 652px;
	width: 200px;
	z-index: 810;
 	background-color: rgba(236, 221, 223, 0.15);
	border-radius: 8px;
 }
 a i{
 color:#b8c7ce
 }
.ll.active{
 background-color:#ce4949;
 }
</style>
<aside class="main-sidebar">
<section  class="sidebar">
	<ul class="sidebar-menu">
		<c:if test="${pageContext.request.remoteUser != null}">
			<c:set var="menuList" value="${menuList}" />
			<c:set var="activeMenu" value="${fns:encodeParam(left)}" />
			<c:set var="parentMenuId" value="402880f65b8f1cea015b8f24ae3d0001"/>
			<c:set var="projectId" value="${fns:encodeParamUrl(projectId)}"/>
			<c:set var="top" value="${fns:encodeParamUrl(top)}"/>
			<c:set var="leftChild" value="${fns:encodeParamUrl(leftChild)}"/>
			<c:forEach items="${menuList}" var="menu" varStatus="idxStatus">
				<c:if test="${menu.parent.id eq parentMenuId}">
					<li class="treeview ${activeMenu==menu.id?'l1 active':''} topL1">
							<a href="${ctx}/countryTable/show.do?left=${fns:encodeParamUrl(menu.id)}&projectId=${fns:encodeParamUrl(projectId)}&top=${fns:encodeParamUrl(top)}" class="l1">
								<i class="fa fa-folder"></i>
								<span>${menu.name}</span>
								<i class="fa fa-angle-right pull-right"></i>
							</a>
								<ul class="treeview-menu ul1">
									<c:forEach items="${menuList}" var="menuChild">
										<c:if test="${menuChild.parent.id eq menu.id && menuChild.remark != 'public'}">
											<li class="treeview ${leftChild==menuChild.id?'l2 active':''} _l2 topL2">
												<a href="${ctx}/countryTable/show.do?left=${fns:encodeParamUrl(menuChild.id)}&projectId=${fns:encodeParamUrl(projectId)}&top=${fns:encodeParamUrl(top)}" class="l2">
													<!-- <i class="fa fa-folder"></i> -->
													<span>${menuChild.name}</span>
													<i class="fa fa-angle-right pull-right"></i>
												</a>
													<ul class="treeview-menu ul2">
														<c:forEach items="${menuList}" var="checkMenu">
															<c:if test="${checkMenu.parent.id eq menuChild.id}">
																<li   class="treeview ${menuId==checkMenu.id?'l3 active':''} _l3">
																	<a href="${fn:indexOf(checkMenu.checkHref, '://') eq -1?ctx:''}${checkMenu.checkHref}${fn:indexOf(checkMenu.checkHref, '?') eq -1?'?':'&'}left=${fns:encodeParamUrl(menu.id)}&top=${fns:encodeParamUrl(top)}&leftChild=${fns:encodeParamUrl(menuChild.id)}&projectId=${fns:encodeParamUrl(projectId)}&menuId=${fns:encodeParamUrl(checkMenu.id)}" class="l3">
<!-- 																		<i class="fa fa-circle-o"></i> -->
																		&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>${checkMenu.name}</span>
																	</a>
																</li>
															</c:if>
														</c:forEach>
													</ul>
											</li>
										</c:if>
										<c:if test="${menuChild.parent.id eq menu.id && menuChild.remark == 'public'}">
											<li   class="treeview ${leftChild==menuChild.id?'l2 active':''} _l2" >
												<a href="${fn:indexOf(menuChild.checkHref, '://') eq -1?ctx:''}${menuChild.checkHref}${fn:indexOf(menuChild.checkHref, '?') eq -1?'?':'&'}left=${fns:encodeParamUrl(menu.id)}&top=${fns:encodeParamUrl(top)}&leftChild=${fns:encodeParamUrl(menuChild.id)}&projectId=${fns:encodeParamUrl(projectId)}&menuId=${fns:encodeParamUrl(menuChild.id)}" class='l2'>
<!-- 													<i class="fa fa-circle-o"></i> -->
													&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>${menuChild.name}</span>
												</a>
											</li>
										</c:if>
									</c:forEach>
								</ul>
					</li>
				</c:if>
			</c:forEach>
		</c:if>
	</ul>
  </section>
 </aside>
<script src="${ctxStatic}/dist/sidebar-menu.js"></script>
<script>
$.sidebarMenu($('.sidebar-menu'))
$(function(){
	breadcrumbs('check');
});
</script>